<PageTitle>
  {{inline-svg '/assets/activity.svg'}}
  <h1>{{t 'components.page_title.activities'}}</h1>
</PageTitle>

{{#if this.showSkeleton}}
  <SkeletonUi::ProjectActivitiesFilter />

  {{#if this.model.loading}}
    <SkeletonUi::ProgressLine />
  {{/if}}
  <SkeletonUi::ActivitiesList @showTranslationLink={{true}} />
{{else}}
  {{#if this.model.collaborators}}
    <ProjectActivitiesFilter
      @versions={{this.model.versions}}
      @collaborators={{this.model.collaborators}}
      @batchFilter={{this.batchFilter}}
      @actionFilter={{this.actionFilter}}
      @userFilter={{this.userFilter}}
      @versionFilter={{this.versionFilter}}
      @userFilterChange={{fn this.userFilterChange}}
      @batchFilterChange={{fn this.batchFilterChange}}
      @actionFilterChange={{fn this.actionFilterChange}}
      @versionFilterChange={{fn this.versionFilterChange}}
    />
  {{/if}}

  {{#if this.model.loading}}
    <SkeletonUi::ProgressLine />
  {{/if}}

  <ProjectActivitiesList @permissions={{this.permissions}} @activities={{this.model.activities.entries}} @project={{this.model.project}} />

  <ResourcePagination @meta={{this.model.activities.meta}} @onSelectPage={{fn this.selectPage}} />
{{/if}}